07858 新規作成ボタンにピーチくん自動表示機能追加
No. 07858, by shio / 塩澤一洋 https://flic.kr/p/2rJHvMS https://live.staticflickr.com/65535/54961004384_12532588f0_3k.jpg
新規記事を開くボタンで自動的にピーチくん🍑の写真が表示されるようにしました。 https://flic.kr/p/2rJH8WB https://live.staticflickr.com/65535/54960930883_4f17260683_3k.jpg
基本的にshiologyは、相互に無関係な写真と文章の組み合わせで構成しています。どちらかだけな状態を避けたい。
それゆえ、
掲載したい写真を選べてないと文章を書けない
書きたい文章が想定されないと写真を貼れない
というジレンマに陥っていました。
https://flic.kr/p/2rJBFw1 https://live.staticflickr.com/65535/54959866432_0de5352e86_3k.jpg
文章だけ書いておいて写真は後で貼ればいい
写真だけ貼っておいて文章は後で書けばいい
と割り切ってみたものの、写真だけの状態ならトップページに写真のサムネイルが表示されるから綺麗だけど、文章だけだとサムネイルが文字列だから、なんか物足りない。だから文章だけを先に書くことを躊躇する。そこでInstagramやFacebookに書いて満足してしまいshiologyに書かない、という悪循環に陥っていたのです。
https://flic.kr/p/2rJGeGK https://live.staticflickr.com/65535/54960755151_7b4ddc16de_3k.jpg
とあちこちからリクエストいただき、ありがたい。もっと気軽に書くにはどうすればいいかしら、と考えたところ、ピーチくん自動表示機能に至った次第。
https://flic.kr/p/2rJHMkr https://live.staticflickr.com/65535/54961056675_3219ad0298_3k.jpg
下記のコードを「自分のページ」に貼ることにより、shiology新規ページ作成ボタンを押すと、ページや末尾にピーチくんが現れるようにしました。→shio code:script.js
scrapbox.PageMenu.addMenu({
title: "NewWork",
onClick: () => {
func();
},
});
function func() {
var project = location.pathname.split("/");
var title = scrapbox.Page.title;
var number = Number(title.substr(0, 5));
var now = new Date();
var path =
"/" +
(number + 1).toString().padStart(5, "0") +
"?body=" + "No. " +
"[" +
(number + 1).toString().padStart(5, "0") +
"/" +
(number + 1).toString().padStart(5, "0") +
"], by shio / 塩澤一洋\n[" +
now.getFullYear() +
"-" +
(now.getMonth() + 1).toString().padStart(2, "0") +
"-" +
now.getDate().toString().padStart(2, "0") +
"], " +
now.getFullYear() +
"年" +
"[" +
(now.getMonth() + 1) +
"月" +
now.getDate() +
"日]\n\n\n\n◀[" +
(number + 2).toString().padStart(5, "0") +
"]\n▶[" +
title +
"]" +
"\nhttps://gyazo.com/c8df74caca3d9181fc391a27f9150b54";
const encoded = encodeURI(path);
window.location.href = encoded;
}
https://flic.kr/p/2rJH8UC https://live.staticflickr.com/65535/54960930768_d4b0100dd2_3k.jpg
自分で撮影して背景から抜き、珍しくピクセル単位でエッジを整える作業をしたピーチくんスティッカー。ピーチくんは球体だから、撮影する角度と距離によって表情が異なる。このアングル、この表情、気に入っています。
https://gyazo.com/c8df74caca3d9181fc391a27f9150b54
これなら写真を貼れてなくてもピーチくんが笑ってくれる。かわいい🩷 https://flic.kr/p/2rJH8Uc https://live.staticflickr.com/65535/54960930743_11a7e3ba60_3k.jpg
https://flic.kr/p/2rJGeDo https://live.staticflickr.com/65535/54960754956_be8a2a0bb4_3k.jpg
![https://i.gyazo.com/7057219f5b20ca8afd122945b72453d3.png",](https://i.gyazo.com/7057219f5b20ca8afd122945b72453d3.png",){kind=link}